$.ajax({
  type: "GET",
  url: "goodsAndShoppingCart/getGoodsList.php",
  success: function (resText) {
    let json = JSON.parse(resText);
    console.log(json);

    //二级菜单获取
    for (let i = 0; i < json.length; i++) {
      // console.log(json.length);

      //侧边表滑动
      $(".liebiao")
        .eq(i)
        .mouseenter(function () {
          //标签

          $(".biaoqian").html(`${json[i]["goodsName"]}`);
          //二级菜单的大框
          $(".xiao-zuo").css({
            background: `url(${json[i]["goodsImg"]}) no-repeat`,
            "background-size": "280px",
            "background-position": "center 70px",
            "background-color": "#F5F5F5",
          });

          $(".mingcheng").html(`${json[i]["goodsName"]}`);
          $(".mingcheng").css({
            "margin-top": "400px",
            "text-align": "center",
            "font-size": "21px",
          });
          $(".jieshi").html(`${json[i]["goodsDesc"]}`);
          $(".jieshi").css({
            "text-align": "center",
            "font-size": "10px",
          });
          //二级菜单的小图
          for (let j = 0; j < 5; j++) {
            $(".ys")
              .eq(j)
              .css({
                background: `url(${json[i][`beiyong${j * 2 + 2}`]}) no-repeat`,
                "background-size": "170px",
                "background-position": "center 10px",
                "background-color": "#F5F5F5",
              });
            $(".wenzi")
              .eq(j)
              .html(`${json[i][`beiyong${j * 2 + 1}`]}`);
            $(".wenzi").css({
              "text-align": "center",
              "font-size": "10px",
              "margin-top": "200px",
            });
          }
        });
    }
  },
});

//下滑

for (let i = 0; i < $(".biaotou").length; i++) {
  // $(document).ready(function () {
  $(".biaotou").eq(i).mouseover(function () {
      $(".xiala").eq(i).slideDown("slow");
      //遮罩层动画
      for (let i = 0; i < $(".liebiao").length; i++) {
        $(document).ready(function () {
          let x = $(".liebiao").eq(i).position();
          console.log(x);
          $(".liebiao")
            .eq(i)
            .mouseenter(function () {
              $(".zhezhao").stop().animate(
                {
                  top: x.top,
                },
                400
              );
            });
        });
      }
    });
  // });
}

// 收回
for (let i = 0; i < $(".biaotou").length; i++) {
$(".kong").eq(i).mouseleave(function(){
  $(".xiala").eq(i).slideUp("slow");
})
}
$(".anniu").click(function () {
  $(".xiala").slideUp("slow");
});

// 登录下划
$(".denglubtn").mouseover(function(){
  $(".dengxia").slideDown("slow");
}).mouseleave(function(){
  $(".dengxia").slideUp("slow");
})
$(".dengxia").mouseover(function(){
  $(".dengxia").slideDown("slow");
}).mouseleave(function(){
  $(".dengxia").slideUp("slow");
})



$(".head-denglu").click(function(){
  window.location.href="denglu.html"
})
$(".head-zhuce").click(function(){
  window.location.href="zhuce.html"
})

$(".head-gouwu").click(function(){
  window.location.href="gouwuche.html"
})

$(".head-logo").click(function(){
  window.location.href="index.html"
})

$(".head-logo").click(function(){
  window.location.href="index.html"
})

$(".head-qunabu").click(function(){
  window.location.href= "leibiao.html"
})

$(".head-shangpin").click(function(){
  window.location.href="quanbu.html"
})